﻿<%@ page language="java" import="java.util.*"
	contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head lang="en">
<meta charset="UTF-8">
<title>超市库存管理系统</title>
<link rel="stylesheet" href="css/public.css" />
<link rel="stylesheet" href="css/style.css" />
<style>
ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
}
</style>
</head>
<body>
<script language="javascript">
    function SendForm() 
    {
            document.queryForm.submit();
    }
</script>
	<!--头部-->
	<header class="publicHeader">
	<h1>超市账单管理系统</h1>

	<div class="publicHeaderR">
		<p>
			<span>下午好！</span><span style="color: #fff21b"> ${sessionScope.name}</span> , 欢迎你！
		</p>
		<a href="login.html">退出</a>
	</div>
	</header>
	<!--时间-->
	<section class="publicTime"> <span id="time">2015年1月1日
		11:11 星期一</span> <a href="#">温馨提示：为了能正常浏览，请使用高版本浏览器！（IE10+）</a> </section>
	<!--主体内容-->
	<section class="publicMian ">
	<div class="left">
		<h2 class="leftH2">
			<span class="span1"></span>功能列表 <span></span>
		</h2>
		<nav>
		<ul class="list">
			<li><a href="goodsHomePage">商品信息管理</a></li>
			<li id="active"><a href="providerList.html">供应商管理</a></li>
			<li><a href="userList.html">用户管理</a></li>
			<li><a href="inStockHomePage">商品入库</a></li>
			<li><a href="outStockHomePage">商品出库</a></li>
		</ul>
		</nav>
	</div>
	<div class="right">
		<div class="location">
			<strong>你现在所在的位置是:</strong> <span>供应商管理页面</span>
		</div>
		<div class="search">
			<form action="queryProvider" method="post" name="queryForm">
			<input type="text" name = "keyword" placeholder="请输入供应商的名称" /> 
			<input type="button" value="查询" onclick="SendForm();"/>
			<a href="providerAdd.html">添加供应商</a>
			</form> 
			
		</div>
		<!--供应商操作表格-->
		<table class="providerTable" cellpadding="0" cellspacing="0">
			<tr class="firstTr">
				<th width="10%">供应商编码</th>
				<th width="10%">供应商名称</th>
				<th width="10%">联系人</th>
				<th width="10%">联系电话</th>
				<th width="10%">传真</th>
				<th width="10%">创建时间</th>
				<th width="30%">操作</th>
			</tr>
			<c:forEach var="item" items="${requestScope.result}" varStatus="status">
				
				<tr>
				<td>${item.code}</td>
				<td>${item.name}</td>
				<td>${item.contacts}</td>
				<td>${item.phone}</td>
				<td>${item.fax}</td>
				<td>${item.createtime}</td>
				<td><a href="providerView.html"><img src="img/read.png"
						alt="查看" title="查看" /></a> <a href="providerUpdate.html"><img
						src="img/xiugai.png" alt="修改" title="修改" /></a> <a href="deleteByProviderId?id=${item.id}"
					class="removeProvider"><img src="img/schu.png" alt="删除"
						title="删除" /></a></td>
			</tr>
			</c:forEach>
		</table>
		<div style="text-align:center">
<ul class="pagination">
  <li><a href="#">«</a></li>
  <li><a href="#">1</a></li>
  <li><a class="active" href="#">2</a></li>
  <li><a href="#">3</a></li>
  <li><a href="#">4</a></li>
  <li><a href="#">5</a></li>
  <li><a href="#">6</a></li>
  <li><a href="#">7</a></li>
  <li><a href="#">»</a></li>
</ul>
</div>
	</div>
	</div>
	</section>

	<!--点击删除按钮后弹出的页面-->


	<footer class="footer"> </footer>

	<script src="js/jquery.js"></script>
	<script src="js/js.js"></script>
	<script src="js/time.js"></script>

</body>
</html>